<!DOCTYPE html>

<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8" />

    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <link rel="icon" href="favicon.ico" type="image/x-icon">
    <title>
        机械师MACHENIKE官网-机械师笔记本,机械师游戏本,机械师台式机,游戏本,笔记本电脑,M7鼠标,K7键盘
    </title>

<!--    <link rel="stylesheet" th:href="@{/css/sjlds1.css}">-->
<!--    <link rel="stylesheet" th:href="@{/css/sjlds2.css}">-->

    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/distpicker/2.0.3/distpicker.js"></script>
    <link rel="stylesheet" type="text/css" th:href="@{/css/home.css}" />
    <script type="text/javascript" th:src="@{/js/jquery-3.6.0.min.js}"></script>
    <script type="text/javascript" th:src="@{/js/home.js}"></script>
<!--    <script th:src="@{/jquery/jquery-3.4.1.min.js}" ></script>-->
    <script th:src="@{/js/sjlds1.js}"></script>
    <script th:src="@{/js/sjlds2.js}"></script>
    <link rel="stylesheet" th:href="@{/js/layui/css/layui.css}">
    <!--	<script type="text/javascript" src="js/jq1/机械师11.js"></script>-->
<style id="tsbrowser_video_independent_player_style" type="text/css">
          [tsbrowser_force_max_size] {
            width: 100% !important;
            height: 100% !important;
            left: 0px !important;
            top: 0px !important;
            margin: 0px !important;
            padding: 0px !important;
            transform: none !important;
          }
          [tsbrowser_force_fixed] {
            position: fixed !important;
            z-index: 9999 !important;
            background: black !important;
          }
          [tsbrowser_force_hidden] {
            opacity: 0 !important;
            z-index: 0 !important;
          }
          [tsbrowser_hide_scrollbar] {
            overflow: hidden !important;
          }
          [tsbrowser_display_none] {
            display: none !important;
            visibility: hidden !important;
            opacity: 0 !important;
          }
          [tsbrowser_force_show] {
            display: black !important;
            visibility: visible !important;
            opacity: 0;
          }</style>
        <style>
            * {
                margin: 0;
                padding: 0;
            }

            ul {
                list-style: none;
            }

            .wrap {
                width: 330px;
                height: 492px;
                position: relative;
                overflow: hidden;
                float: left;
                margin: 20px;
                margin: -250px 0px 0px 900px;
            }

            .slidebox {
                width: 300px;
                position: absolute;
                top: 0;
                left: 0;
                height: 300px;
            }

            .slidebox li {
                float: left;
                width: 290px;
                height: 120px;
                left: 0;
                top: 0;
                border: 1px #D0E0F1 solid;
                margin: 0px 0px 0px -10px;
            }

            .slidebox li img {
                display: block;
                width: 120px;
                height: 117px;
                margin: 3px 0px 0px 0px;
            }
            /*.dot {position:absolute;width:100%;height:30px;background:rgba(0,0,0,0.3);text-align:right;bottom:0;left:0;}*/

            .dot {
                position: absolute;
                width: 100%;
                height: 30px;
                text-align: right;
                bottom: 0;
                left: 0;
            }

            .dot p {
                margin-right: 10px;
            }

            .dot b {
                width: 17px;
                height: 17px;
                border-radius: 20px;
                color: #333;
                display: inline-block;
                border: 1px solid #fff;
                background: #fff;
                text-align: center;
                line-height: 17px;
                margin: 0 3px;
                margin-top: 6px;
                cursor: pointer;
                font-weight: normal;
            }

            .dot .cur {
                background: #F63;
                color: #fff;
                border: 1px solid #f63;
            }
        </style>

        <script type="text/javascript">
            $(function() {

                //affect:1
                $(".af1").slide({
                    affect: 1,
                    time: 3000,
                    speed: 400,
                    dot_text: false,
                });
                $(".afs").slide({
                    affect: 1,
                    time: 3000,
                    speed: 400,
                    dot_text: false,
                });
                $(".afs1").slide({
                    affect: 1,
                    time: 3000,
                    speed: 400,
                    dot_text: false,
                });

                //affect:2
                $(".af2").slide({
                    affect: 2,
                    time: 3000,
                    speed: 400,
                });

                //affect:4
                $(".af4").slide({
                    affect: 4,
                    time: 3000,
                    speed: 400,
                });
            })
        </script>
    </head>

    <body>
    <div id="app">
        <!-- header -->
    <div>
        <header>
            <div class="site-topbar">
                <div class="container">
                    <div class="topbar-nav">
                        <a rel="nofollow" href="#">联系我们</a>
                        <span class="sep">|</span>
                        <a th:each="h,v: ${ints1}" th:if="${ints1==1}" rel="nofollow"  target="_blank">个人中心</a>
                        <a th:each="h,v: ${ints1}" th:if="${ints1!=1}" rel="nofollow" th:href="@{'/fen5/?id='+${h.getId()}}" target="_blank">个人中心</a>

                        <span class="sep">|</span>
                        <a rel="nofollow" href="#" target="_blank">我的订单</a>
                        <span class="sep">|</span>
                        <a rel="nofollow" href="#" target="_blank">笔记本电脑</a>
                        <span class="sep">|</span>
                        <a rel="nofollow" href="#" target="_blank">笔记本</a>
                        <span class="sep">|</span>
                        <a rel="nofollow" href="#" target="_blank">游戏本</a>
                        <span class="sep">|</span>
                        <a rel="nofollow" href="#" target="_blank">关注商城</a>
                        <span class="sep">|</span>
                        <a rel="nofollow" href="#" target="_blank">ENGLISH</a>
                    </div>
                    <div class="topbar-cart">
                        <!-- <div class="topbar-cart topbar-cart-active"> -->
                        <a rel="nofollow" href="#" class="cart-mini">
                            <em class="iconfont-cart"></em>
                            <em class="iconfont-cart-full hide"></em>购物车
                            <span class="cart-mini-num J_cartNum">（0）</span>
                        </a>
                        <div id="J_miniCartMenu" class="cart-menu " style="height: 0;">
                            <!-- <div id="J_miniCartMenu" class="cart-menu " style="height: 100px;"> -->
                            <div class="menu-content">
                                <div class="loading hide">
                                    <div class="loader">

                                    </div>
                                </div>
                                <ul id="J_miniCartList" class="cart-list hide"></ul>
                                <div id="J_miniCartListTotal" class="cart-total clearfix hide">

                                </div>
                                <div class="msg msg-error hide">
                                </div>
                                <div class="msg msg-empty">购物车中还没有商品，赶紧选购吧！</div>
                            </div>
                        </div>
                    </div>
                    <div class="topbar-info">
                        <a th:each="h,v: ${ints1}" th:if="${h==1}" rel="nofollow" th:href="@{enroll2.html}" class="link">登录</a>
                        <a th:each="h,v: ${ints1}" th:if="${h!=1}" rel="nofollow" href="javascript:void(0);" th:text="${h.getYhusername()}" class="link">登入</a>
                        <span class="sep">|</span>
                        <a rel="nofollow" href="javascript:void(0);" class="link">注册</a>
                        <span class="sep">|</span><span class="message">
									<a rel="nofollow" href="javascript:void(0);" class="J_needAgreement">消息通知
										<i class="J_miMessageTotal"></i>
									</a>
								</span>
                    </div>
                </div>
            </div>
            <div class="site-header">
                <div class="container">
                    <div class="header-logo" style="background-image: 2021030212152891822.png;">
                        <img  style="border-radius:30px;width: 200px; height:40px;float: left;margin: 10px 0px 0px 20px;" src="/img/JiXeiShu/jxs.png">
                        <!--<a href="assets/static/image/logo-mi2.png" title="小米官网" class="logo ir">小米官网</a>-->
                    </div>
                    <div class="header-nav">
                        <ul class="nav-list J_navMainList clearfix">
                            <li class="nav-category">
                                <a href="#" class="link-category">
                                    <span class="text">全部商品分类</span>
                                </a>

                            </li>
                            <li class="nav-item">
                                <!-- <li class="nav-item nav-item-active"> -->
                                <a th:each="h,v: ${ints1}" th:href="@{'/fen6?id='+${h.getId()}}" class="link">
                                    <span class="text">首页</span>
                                </a>

                            </li>
                            <li class="nav-item">
                                <a href="javascript: void(0);" class="link">
                                    <span class="text">笔记本</span>
                                </a>
                                <div class="item-children">
                                    <div class="container">
                                        <ul  class="children-list clearfix">

                                            <li class="first" th:each="h,v: ${int1}"th:if="${h.spid==1&&v.count==1}">
                                                <a  href="#" target="_blank">
                                                    <div class="figure figure-thumb">
                                                        <img th:src="@{'/img/JiXeiShu/'+${h.mainimage}}"
                                                             width="120" height="110">
                                                    </div>
                                                    <div class="title" th:text="${h.name}"></div>
                                                    <p class="price" th:text="${h.price}" ></p>
                                                </a>
                                            </li>
                                            </form>
                                            <li  th:each="h,v: ${int1}"th:if="${h.spid==1&&v.count!=1}">
                                                <a  href="#" target="_blank">
                                                    <div class="figure figure-thumb">
                                                        <img th:src="@{'/img/JiXeiShu/'+${h.mainimage}}"
                                                             width="120" height="110">
                                                    </div>
                                                    <div class="title" th:text="${h.name}"></div>
                                                    <p class="price" th:text="${h.price}" ></p>
                                                </a>
                                            </li>

                                            <li th:each="h,v: ${int1}"th:if="${h.spid!=1}" style="display: none">
                                                <a  href="#" target="_blank">
                                                    <div class="figure figure-thumb">
                                                        <img th:src="@{'/img/JiXeiShu/'+${h.mainimage}}"
                                                             width="120" height="110">
                                                    </div>
                                                    <div class="title" th:text="${h.name}"></div>
                                                    <p class="price" th:text="${h.price}" ></p>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </li>
                            <li class="nav-item">
                                <a href="javascript: void(0);" class="link">

                                    <span class="text">轻薄本</span>
                                </a>
                                <div class="item-children">
                                    <div class="container">
                                        <ul  class="children-list clearfix">
                                            <li class="first" th:each="h,v: ${int1}"th:if="${h.spid==2&&v.count==2}">
                                                <a  href="#" target="_blank">
                                                    <div class="figure figure-thumb">
                                                        <img th:src="@{'/img/JiXeiShu/'+${h.mainimage}}"
                                                             width="120" height="110">
                                                    </div>
                                                    <div class="title" th:text="${h.name}"></div>
                                                    <p class="price" th:text="${h.price}" ></p>
                                                </a>
                                            </li>
                                            <li  th:each="h,v: ${int1}"th:if="${h.spid==2&&v.count!=2}">
                                                <a  href="#" target="_blank">
                                                    <div class="figure figure-thumb">
                                                        <img th:src="@{'/img/JiXeiShu/'+${h.mainimage}}"
                                                             width="120" height="110">
                                                    </div>
                                                    <div class="title" th:text="${h.name}"></div>
                                                    <p class="price" th:text="${h.price}" ></p>
                                                </a>
                                            </li>

                                            <li th:each="h,v: ${int1}"th:if="${h.spid!=2}" style="display: none">
                                                <a  href="#" target="_blank">
                                                    <div class="figure figure-thumb">
                                                        <img th:src="@{'/img/JiXeiShu/'+${h.mainimage}}"
                                                             width="120" height="110">
                                                    </div>
                                                    <div class="title" th:text="${h.name}"></div>
                                                    <p class="price" th:text="${h.price}" ></p>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </li>
                            <li class="nav-item">
                                <a href="javascript: void(0);" class="link">
                                    <span class="text">电竞主机</span>
                                </a>
                                <div class="item-children">
                                    <div class="container">
                                        <ul  class="children-list clearfix">
                                            <li class="first" th:each="h,v: ${int1}"th:if="${h.spid==3&&v.count==3}">
                                                <a  href="#" target="_blank">
                                                    <div class="figure figure-thumb">
                                                        <img th:src="@{'/img/JiXeiShu/'+${h.mainimage}}"
                                                             width="120" height="110">
                                                    </div>
                                                    <div class="title" th:text="${h.name}"></div>
                                                    <p class="price" th:text="${h.price}" ></p>
                                                </a>
                                            </li>
                                            <li  th:each="h,v: ${int1}"th:if="${h.spid==3&&v.count!=3}">
                                                <a  href="#" target="_blank">
                                                    <div class="figure figure-thumb">
                                                        <img th:src="@{'/img/JiXeiShu/'+${h.mainimage}}"
                                                             width="120" height="110">
                                                    </div>
                                                    <div class="title" th:text="${h.name}"></div>
                                                    <p class="price" th:text="${h.price}" ></p>
                                                </a>
                                            </li>

                                            <li th:each="h,v: ${int1}"th:if="${h.spid!=3}" style="display: none">
                                                <a  href="#" target="_blank">
                                                    <div class="figure figure-thumb">
                                                        <img th:src="@{'/img/JiXeiShu/'+${h.mainimage}}"
                                                             width="120" height="110">
                                                    </div>
                                                    <div class="title" th:text="${h.name}"></div>
                                                    <p class="price" th:text="${h.price}" ></p>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </li>
                            <li class="nav-item">
                                <a href="javascript: void(0);" class="link">
                                    <span class="text">显示器</span>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a href="javascript: void(0);" class="link">
                                    <span class="text">智潮外设</span>
                                </a>
                                <div class="item-children">
                                    <div class="container">
                                        <ul  class="children-list clearfix">
                                            <li class="first" th:each="h,v: ${int1}"th:if="${h.spid==4&&v.count==4}">
                                                <a  href="#" target="_blank">
                                                    <div class="figure figure-thumb">
                                                        <img th:src="@{'/img/JiXeiShu/'+${h.mainimage}}"
                                                             width="120" height="110">
                                                    </div>
                                                    <div class="title" th:text="${h.name}"></div>
                                                    <p class="price" th:text="${h.price}" ></p>
                                                </a>
                                            </li>
                                            <li  th:each="h,v: ${int1}"th:if="${h.spid==4&&v.count!=4}">
                                                <a  href="#" target="_blank">
                                                    <div class="figure figure-thumb">
                                                        <img th:src="@{'/img/JiXeiShu/'+${h.mainimage}}"
                                                             width="120" height="110">
                                                    </div>
                                                    <div class="title" th:text="${h.name}"></div>
                                                    <p class="price" th:text="${h.price}" ></p>
                                                </a>
                                            </li>

                                            <li th:each="h,v: ${int1}"th:if="${h.spid!=4}" style="display: none">
                                                <a  href="#" target="_blank">
                                                    <div class="figure figure-thumb">
                                                        <img th:src="@{'/img/JiXeiShu/'+${h.mainimage}}"
                                                             width="120" height="110">
                                                    </div>
                                                    <div class="title" th:text="${h.name}"></div>
                                                    <p class="price" th:text="${h.price}" ></p>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </li>
                            <li class="nav-item">
                                <a href="javascript: void(0);" class="link">
                                    <span class="text">品牌介绍</span>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a href="javascript: void(0);" class="link">
                                    <span class="text">机油宝典</span>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a href="javascript: void(0);" class="link">
                                    <span class="text">售后查询</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="header-search">
                        <form id="J_searchForm" action="#" method="get" class="search-form clearfix">
                            <label for="search" class="hide">站内搜索</label>
                            <a class="no-style-msq">
                                <input type="search" id="search" name="keyword" class="search-text" placeholder="手机">
                            </a>
                            <a id="J_submitBtn" class="no-style-msq">
                                <input type="submit" value="&#xe616;" class="search-btn iconfont">
                            </a>
                        </form>
                    </div>
                </div>

                <div class="header-nav-menu slide-up" style="display: none;">
                    <div class="container">
                        <ul class="children-list clearfix">
                            <li class="first">
                                <a href="#" target="_blank">
                                    <div class="figure figure-thumb">
                                        <img src="img/home/shoji02.png" alt="Xiaomi Civi" width="160" height="110">
                                    </div>
                                    <div class="title">Xiaomi Civi</div>
                                    <p class="price">2599元起</p>
                                </a>
                            </li>
                            <li>
                                <a href="#" target="_blank">
                                    <div class="figure figure-thumb">
                                        <img src="img/home/shoji02.png" alt="Xiaomi MIX 4" width="160" height="110">
                                    </div>
                                    <div class="title">Xiaomi MIX 4</div>
                                    <p class="price">4999元起</p>
                                </a>
                            </li>
                            <li>
                                <a href="#" target="_blank">
                                    <div class="figure figure-thumb">
                                        <img src="img/home/shoji02.png" alt="Xiaomi MIX 4" width="160" height="110">
                                    </div>
                                    <div class="title">Xiaomi MIX 4</div>
                                    <p class="price">4999元起</p>
                                </a>
                            </li>
                            <li>
                                <a href="#" target="_blank">
                                    <div class="figure figure-thumb">
                                        <img src="img/home/shoji02.png" alt="Xiaomi MIX 4" width="160" height="110">
                                    </div>
                                    <div class="title">Xiaomi MIX 4</div>
                                    <p class="price">4999元起</p>
                                </a>
                            </li>
                            <li>
                                <a href="#" target="_blank">
                                    <div class="figure figure-thumb">
                                        <img src="img/home/shoji02.png" alt="Xiaomi MIX 4" width="160" height="110">
                                    </div>
                                    <div class="title">Xiaomi MIX 4</div>
                                    <p class="price">4999元起</p>
                                </a>
                            </li>
                            <li>
                                <a href="#" target="_blank">
                                    <div class="figure figure-thumb">
                                        <img src="img/home/shoji02.png" alt="Xiaomi MIX 4" width="160" height="110">
                                    </div>
                                    <div class="title">Xiaomi MIX 4</div>
                                    <p class="price">4999元起</p>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>

        </header>
    </div>
    <!-- home -->
    <div class="home-hero-container container">
        <div class="home-hero">
            <!-- 轮播图 -->
            <div style="display: none;" class="swiper-container home-hero-swiper swiper-no-swiping swiper-container-fade swiper-container-initialized swiper-container-horizontal">
                <div class="swiper-wrapper">

                    <div class="swiper-slide">
                        <a href="#" target="_blank">

                        </a>
                    </div>
                </div>
                <div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets">
                    <a class="swiper-pagination-bullet swiper-pagination-bullet-active"></a>
                    <a class="swiper-pagination-bullet"></a>
                    <a class="swiper-pagination-bullet"></a>
                    <a class="swiper-pagination-bullet"></a>
                    <!--<a class="swiper-pagination-bullet"></a>-->
                </div>
                <div class="swiper-button-prev"></div>
                <div class="swiper-button-next"></div>
                <span class="swiper-notification"></span>
            </div>
        </div>
        <div class="home-hero-sub row">

        </div>
    </div>

    <!-- page-main -->
    <div class="page-main home-main">
        <div class="container">

            <div style="float: left;width: 260px;height: 700px;background-color: #FDFDFE;margin: 30px 0px 0px 0px ;">
                <h1 class="more-link" style="font-size: 25px;margin: 10px 0px 0px 70px;float: left;width: 190px;">会员中心</h1>
                <div style="float: left;width: 190px;margin: -30px 0px 0px 70px ;">

                    <div class="home-video-box xm-plain-box">
                        <div class="box-hd">
                            <div class="more">

                                <h2 onclick="hy();" class="more-link" style="font-size: 15px;margin: 30px 0px 0px 0px;float: left;width: 190px;">欢迎页面</h2>
                                <h2 onclick="gr();" class="more-link" style="font-size: 15px;margin: -20px 0px 0px  0px;float: left;width: 190px;">个人资料</h2>
                                <h2 onclick="dz()" class="more-link" style="font-size: 15px;margin: -20px 0px 0px  0px;float: left;width: 190px;">账号安全</h2>
                                <h2 onclick="dz1()" class="more-link" style="font-size: 15px;margin: -20px 0px 0px  0px;float: left;width: 190px;">收货地址</h2>
                                <h2 onclick="dz2()" class="more-link" style="font-size: 15px;margin: -20px 0px 0px  0px;float: left;width: 190px;">账户余额</h2>
                                <h2 onclick="dz3()" class="more-link" style="font-size: 15px;margin: -20px 0px 0px  0px;float: left;width: 190px;">提现记录</h2>
                                <h2 onclick="dz4()" class="more-link" style="font-size: 15px;margin: -20px 0px 0px  0px;float: left;width: 190px;">我的优惠券</h2>

                                <h2 onclick="dz5()" class="more-link" style="font-size: 15px;margin: -20px 0px 0px  0px;float: left;width:190px;">我的积分</h2>

                            </div>

                        </div>

                    </div>
                </div>
            </div>

            <div class="hyym" style="float: left; margin: -20px 0px 0px 0px ;">
                <div>
                    <li class="brick-item brick-item-m brick-item-m1-2" style="float: left;height: 230px">

                        <div class="figure figure-img">
                            <div style="border-radius: 50%;overflow: hidden;text-align: center;margin: 10px 0px 0px 45px;width: 100px ;height: 100px;border: 1px solid #EBF2F9;">

                                <img th:each="h,v: ${intGR}"  style="text-align: center;margin: 0px 0px 0px 0px;" th:src="@{'/img/JiXeiShu/'+${h.Touxiang}}">
                            </div>
                            <h3 th:each="h,v: ${ints1}" class="title" style="text-align: center;color: #F2F2F3 ;Opacity:1;font-size: 20px;" th:text="${h.getYhusername()}">太阳升起来了</h3>
                            <h3 th:each="h,v:${intshuanying}" class="title" style="text-align: center;width: 80px;background-color: azure;margin: 10px 0px 0px 50px;" th:text="${h.getHuiyuanqingkian}">普通会员</h3>
                        </div>
                        <div style="float: left;width: 100%;height: 70px;background-color: #000000;margin: -30px 0px 0px 0px ;">

                        </div>

                    </li>
                </div>
            </div>

            <div class="hyym" style="float: left;width: 750px;height: 258px;background-color: #FDFDFE;margin: 30px 0px 0px 0px ;border: 0.1px  #D7D7D7 solid;">
                <div style="float: left;width: 750px;height: 50px;margin: 0px 0px 0px 0px ;border-bottom: 0.1px  #D7D7D7 solid;">
                    <h1 style="text-align: center;float: left;font-size: 20px;margin-top: 10px;">我的钱包</h1>

                </div>
                <div style="width: 100px ;height: 120px;float: left;margin: 40px 0px 0px 110px;">
                    <h2 th:each="h,v:${intshuanying}" th:text="${h.youhuiquan}"  style="text-align: center;">1</h2>
                    <h3 style="text-align: center;margin: 0px 0px 0px 0px;">优惠券</h3>
                    <h3 style="text-align: center;">领券</h3>
                </div>
                <div style="width: 100px ;height: 120px;float: left;margin: 40px 0px 0px 120px;">
                    <h2 th:each="h,v:${intshuanying}" th:text="${h.jifen}" style="text-align: center;">100</h2>
                    <h3 style="text-align: center;margin: 0px 0px 0px 0px;">积分</h3>
                    <h3 style="text-align: center;">兑换</h3>
                </div>
                <div style="width: 100px ;height: 120px;float: left;margin: 40px 0px 0px 120px;">
                    <h2 th:each="h,v:${intshuanying}" th:text="${h.yue}" style="text-align: center;">0.00</h2>
                    <h3 style="text-align: center;margin: 0px 0px 0px 0px;">余额</h3>
                    <h3 style="text-align: center;"></h3>

                </div>

            </div>

            <div class="hyym" style="float: left;width: 700px;height: 410px;background-color: #FDFDFE;margin: 30px 0px 0px 15px ;border: 0.1px  #D7D7D7 solid;">
                <div style="float: left;width: 700px;height: 50px;margin: 0px 0px 0px 0px ;border-bottom: 0.1px  #D7D7D7 solid;">
                    <h1 style="text-align: center;float: left;font-size: 20px;margin-top: 10px;">我的订单</h1>

                </div>
                <div class="hyym" style="float: left; margin: -20px 0px 0px 0px ;width: 50px;height: 50px">
                    <div>
                        <a th:href="@{/index}">
                        <li class="brick-item brick-item-m brick-item-m1-2"style="float: left; margin: 50px 0px 0px 20px ;width: 100px;height: 100px;background-color: #cccccc">

                          <h1 style="text-align: center">购物车</h1>


                        </li>
                        </a>
                    </div>
                </div>
                <div class="hyym" style="float: left; margin: -20px 0px 0px 100px ;width: 110px;height: 50px">
                    <div>
                        <a th:each="h,v: ${ints1}"th:href="@{'http://localhost:9090/infostate?id='+${h.id}+'&page=1'}">
                            <li class="brick-item brick-item-m brick-item-m1-2"style="float: left; margin: 50px 0px 0px 20px ;width: 120px;height: 100px;background-color: #cccccc">

                                <h1 style="text-align: center">个人订单</h1>


                            </li>
                        </a>
                    </div>
                </div>
                <div class="hyym" style="float: left; margin: -20px 0px 0px 100px ;width: 50px;height: 50px">
                    <div>
                        <a th:href="@{/index}">
                            <li class="brick-item brick-item-m brick-item-m1-2"style="float: left; margin: 50px 0px 0px 20px ;width: 100px;height: 100px;background-color: #cccccc">

                                <h1 style="text-align: center">收藏</h1>


                            </li>
                        </a>
                    </div>
                </div>

            </div>

            <div class="hyym" style="	float: left;width: 232px;height: 260px;background-color: #FDFDFE;margin: 30px 0px 0px 15px ;border: 0.1px  #D7D7D7 solid;">
                <div style="float: left;width: 232px;height: 50px;margin: 0px 0px 0px 0px ;border-bottom: 0.1px  #D7D7D7 solid;">
                    <h1 style="text-align: center;float: left;font-size: 20px;margin-top: 10px;">我的关注</h1>

                </div>
                <div style="width: 100px ;height: 120px;float: left;margin: 40px 0px 0px 50px;">
                    <h2 th:each="h,v:${intshuanying}" th:text="${h.shoucan}" style="text-align: center;">1</h2>
                    <h3 style="text-align: center;margin: -10px 0px 0px 0px;">我的收藏</h3>

                </div>

            </div>

            <div class="hyym" style="	float: left;width: 232px;height: 133px;background-color: #FDFDFE;margin: 15px 0px 0px 15px ;border: 0.1px  #D7D7D7 solid;">
                <div style="float: left;width: 232px;height: 50px;margin: 0px 0px 0px 0px ;border-bottom: 0.1px  #D7D7D7 solid;">
                    <h1 style="text-align: center;float: left;font-size: 20px;margin-top: 10px;">我的钱包</h1>

                </div>
                <div style="width: 100px ;height: 120px;float: left;margin: 50px 0px 0px 110px;">

                    <h3 style="text-align: center;margin: -15px 0px 0px 0px;">优惠券</h3>

                </div>

            </div>

            <div class="grzl" style="float: left;width:949px;height: 533px;background-color: #FDFDFE;margin: 30px 0px 0px 15px ;border: 0.1px  #D7D7D7 solid;display: none;">

                <div id="ann" style="float: left;width: 73px;height: 40px;margin: 15px 0px 0px 20px ;border-left: 1px  #D7D7D7 solid;border-top: 0.1px  #D7D7D7 solid;border-right: 0.1px  #D7D7D7 solid;border-bottom: 0px  #D7D7D7 solid;color: #DD3E21;">

                    <h2 class="more-link" onclick="dosave();" style="font-size: 15px;margin: 10px 0px 0px 10px;float: left;width: 100%;height: 100px;">基本信息</h2>

                </div>
                <div id="ann1" style="float: left;width: 73px;height: 40px;margin: 15px 0px 0px 0px ;border-bottom: 0.1px  #D7D7D7 solid;">

                    <h2 class="more-link" onclick="dosave1();" style="font-size: 15px;margin: 10px 0px 0px 10px;float: left;width: 100%;height: 100px;">头像照片</h2>

                </div>
                <div id="ann1" style="float: left;width: 756px;height: 40px;margin: 15px 0px 0px 0px ;border-bottom: 0.1px  #D7D7D7 solid;"></div>
                <form th:action="${'/fen7'}" method="post" >
                <div id="grxx" style="width: 500px;height: 100%;float: left;margin:0px 0px 0px 30px;">
                    <div class="tab-content">
                        <div class="tab-pane active" id="base_info">
                            <div class="form-horizontal">


                                    <label class="col-sm-2">用户名：</label>

                                        <p  th:each="h,v: ${ints1}"  th:text="${h.yhusername}"class="form-control-static personal-nick" >mc_16369592422</p>




                                    <label class="col-sm-2">昵称：</label>

                                        <input   th:each="h,v: ${ints1}"    type="text" class="form-control" name="nick_name" th:value="${h.yhusername}" placeholder="">
                                   <input style="display: none" type="text" name="yhid"   th:each="h,v: ${ints1}"   th:value="${h.id}" ><br>




                                <label class="col-sm-2" >真实姓名：</label>

                                        <input name="zhenshixingm" type="text" th:each="h,v: ${intGR}" th:value="${h.zhenshixingm}" class="form-control"  >




                                    <label class="col-sm-2">出生日期：</label>

                                        <input name="chushengriqi" th:each="h,v: ${intGR}" th:value="${h.chushengriqi}" type="date" class="form-control">



                                    <label class="col-sm-2">性别：</label>

                                        <input  th:each="h,v: ${intGR}"  name="xingb" th:value="${h.xingb}" id="baomi" checked="checked">




                                    <label class="col-sm-2">所在地：</label>

                                <input  name="szd"  th:each="h,v: ${intGR}" th:value="${h.szd}" type="text" class="form-control"  value="" placeholder="">





                                    <label class="col-sm-2">QQ：</label>

                                        <input name="QQ"  type="text" th:each="h,v: ${intGR}" th:value="${h.QQ}"    class="form-control"  placeholder="">





                                        <button  class="btn btn-primary js-save" type="submit" style="margin: 30px 0px 0px 150px;color: #EA644A;">保存</button>

                            </div>
                        </div>
                    </div>

                </div>

                </form>


                <div id="grxx1" style="width: 500px;height: 100%;float: left;margin:0px 0px 0px 30px;display: none;">



                                <label class="col-sm-2">头像预览</label>

                                    <p class="hint ns-text-color">完善个人信息资料，上传头像图片有助于您结识更多的朋友。 <br>头像最佳默认尺寸为120x120像素。</p>


                                            <img th:each="h,v: ${intGR}"  style="width: 100px ;height: 100px; text-align: center;margin: 0px 0px 0px 0px;" th:src="@{'/img/JiXeiShu/'+${h.Touxiang}}">
                    <form th:action="${'/upload'}" method="POST" enctype="multipart/form-data">
                        <input style="display: none" type="text" name="id"   th:each="h,v: ${ints1}"   th:value="${h.id}" ><br>
                        <input style="" type="file" name="file" ><br>
                        <button  class="btn btn-primary js-save" type="submit" style="margin: 0px 0px 0px 30px;color: #EA644A;">保存</button>

                    </form>






                </div>

            </div>

            <div class="grzl1" style="float: left;width:949px;height: 533px;background-color: #FDFDFE;margin: 30px 0px 0px 15px ;border: 0.1px  #D7D7D7 solid;display: none;">
                <div id="grxx2" style="width: 500px;height: 100%;float: left;margin:0px 0px 0px 30px;">
                    <div class="security-column ns-border-color-gray clearfix">
                        <div class="pull-left column-icon">
                            <i class="icon icon-check-board icon-3x"></i>
                        </div>
                        <div class="pull-left column-desc">
                            <p class="title">登陆密码</p>
                            <p class="introduce ns-text-color-gray">互联网账号存在被盗风险，建议您定期更改密码以保护账户安全</p>
                        </div>

                        <div class="pull-left column-operation">


                            <input style="display: none" name="yhid"  id="yhid" type="text"  th:each="h,v: ${ints1}"   th:value="${h.id}"    class="form-control"  placeholder="">

                            <label class="col-sm-2">密码：</label>

                            <input name="mima"  id="mima" type="text" value=""    class="form-control"  placeholder="">


                            <label class="col-sm-2">确认密码：</label>

                            <input name="password" id="qrmm"  type="text"     class="form-control"  placeholder="">


                            <button id="xgmma"  class="btn btn-primary" type="submit"  style="color: #EA644A;margin: 10px 0px 0px 20px">修改</button>
                        </div>
                    </div>

                </div>
            </div>

            <div class="grzl2" style="float: left;width:949px;height: 533px;background-color: #FDFDFE;margin: 30px 0px 0px 15px ;border: 0.1px  #D7D7D7 solid;display: none;">
                <div  style="width: 1000px;height: 100%;float: left;margin:0px 0px 0px 30px;">

                    <button type="button" class="btn btn-primary" style="float: left;margin: 20px 0px 0px 100px;color: #EA644A;" onclick="dzs6()">新增收货地址</button>
               <div  id="bg1" style=" width: 94%;;
		  height: 300px;
		  background-color: #DCDCDC;
		  float: left;
		  margin: 50px 0px 0px -27px;
		  overflow: scroll; /* 让它显示滚动条 */">

                <table class="layui-table"  id="bg" style=" width: 94%; background-color: #e0e0e0; float: left;" >
<tr>
    <td>姓名</td>
    <td>电话</td>
    <td>固定电话</td>
    <td>地址</td>
    <td>详细地址</td>
    <td>操作</td>
</tr>
                </table>
               </div>
                    <div id="grxxs1" style="width: 500px;height: 100%;float: left;margin:100px 0px 0px -100px;display: none;">

                        <form  class="form-horizontal address-form">
                            <div class="form-group">
                                <label class="col-sm-2 ns-text-color-gray"><span class="ns-text-color">*</span> 收货人姓名</label>
                                <div class="col-md-6 col-sm-6">
                                    <input style="display: none" name="yhid"  id="yhid" type="text"  th:each="h,v: ${ints1}"   th:value="${h.id}"    class="form-control"  placeholder="">

                                    <input id="shrxm" type="text" class="form-control ns-border-color-gray-shade-10" name="consigner" placeholder="请输入收货人姓名">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 ns-text-color-gray"><span class="ns-text-color">*</span> 配送区域</label>
                                <div class="col-md-3 col-sm-3">

                                    <div data-toggle="distpicker">
                                        <select id="sen" data-province="浙江省"></select>
                                        <select id="shi" data-city="杭州市"></select>
                                        <select id="qu" data-district="西湖区"></select>
                                    </div>
                                </div>
                                <div class="col-md-3 col-sm-3">

                                </div>
                                <div class="col-md-3 col-sm-3">

                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 ns-text-color-gray"><span class="ns-text-color">*</span> 详细地址</label>
                                <div class="col-md-6 col-sm-6">

                                    <input id="xxdz" type="text" class="form-control ns-border-color-gray-shade-10" name="address" placeholder="请输入详细地址">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 ns-text-color-gray"><span class="ns-text-color">*</span> 手机</label>
                                <div class="col-md-6 col-sm-6">
                                    <input id="sjh" type="text" class="form-control ns-border-color-gray-shade-10" name="mobile" placeholder="请输入联系方式">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 ns-text-color-gray">固定电话</label>
                                <div class="col-md-6 col-sm-6">
                                    <input id="gddh" type="text" class="form-control ns-border-color-gray-shade-10" name="phone" placeholder="请输入固定电话">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 ns-text-color-gray"></label>
                                <div class="col-md-6 col-sm-6" style="margin: 40px 0px 0px 100px;float: left ">
                                    <button id="dosave1" type="button" class="btn btn-primary" onclick="dzs61()">保存</button>
                                </div>

                            </div>

                        </form>

                    </div>

                </div>

            </div>

            <div class="grzl3" style="float: left;width:949px;height: 533px;background-color: #FDFDFE;margin: 30px 0px 0px 15px ;border: 0.1px  #D7D7D7 solid;display: none;">
                <div id="grxx2" style="width: 500px;height: 100%;float: left;margin:0px 0px 0px 170px;">

                    <h1 style="text-align: center;float: left;font-size: 20px;margin-top: 40px;">我的可用余额</h1>

                    <h1 style="text-align: center;float: left;font-size: 20px;margin: 80px 0px 0px -80px;">0.00</h1>

                    <div style="width: 500px;height: 300px;float: left;margin: -45px 0px 0px 500px;">
                        <h3 style="">全部余额：0:00</h3>
                        <h3 style="">锁定余额：0:00</h3>
                        <h3 style="">账户状态：正常</h3>
                    </div>
                    <div style="width:890px;text-align: center;float: left;font-size: 20px;margin:-130px 0px 0px -140px;background-color: #B9BBBE;">

                        <h3 style="float: left;width: 140px;font-size: 15px;">时间</h3>
                        <h3 style="float: left;width: 140px;font-size: 15px;">金额</h3>
                        <h3 style="float: left;width: 140px;font-size: 15px;">操作</h3>

                    </div>
                </div>

            </div>

            <div class="grzl4" style="float: left;width:949px;height: 533px;background-color: #FDFDFE;margin: 30px 0px 0px 15px ;border: 0.1px  #D7D7D7 solid;display: none;">
                <div id="grxx2" style="width: 500px;height: 100%;float: left;margin:0px 0px 0px 30px;">
                    <h1 style="text-align: center;float: left;font-size: 20px;margin-top: 40px;">我的可用余额</h1>

                    <div style="width:890px;text-align: center;float: left;font-size: 20px;margin:0px 0px 0px 0px;background-color: #B9BBBE;">

                        <h3 style="float: left;width: 120px;font-size: 15px;">提现流水号</h3>
                        <h3 style="float: left;width: 120px;font-size: 15px;">账号类型</h3>
                        <h3 style="float: left;width: 120px;font-size: 15px;">提现账户</h3>
                        <h3 style="float: left;width: 120px;font-size: 15px;">手机号</h3>
                        <h3 style="float: left;width: 120px;font-size: 15px;">金额	</h3>
                        <h3 style="float: left;width: 120px;font-size: 15px;">提现时间</h3>
                        <h3 style="float: left;width: 120px;font-size: 15px;">	提现状态</h3>
                    </div>

                </div>
            </div>

            <div class="grzl5" style="float: left;width:949px;height: 533px;background-color: #FDFDFE;margin: 30px 0px 0px 15px ;border: 0.1px  #D7D7D7 solid;display: none;">
                <div id="grxx2" style="width: 500px;height: 59px;float: left;margin:0px 0px 0px 30px;">
                    <h1 style="text-align: center;float: left;font-size: 20px;margin-top: 40px;">优惠卡券</h1>

                </div>
                <div style="width: 100%;height: 50px;float: left;margin-top: 30px;">
                    <div class="home-video-box xm-plain-box">
                        <div class="box-hd">
                            <div class="more">
                                <h2 class="more-link" style="font-size: 15px;margin: 0px 0px 0px -900px;float: left;width: 100px;">欢迎页面</h2>
                                <h2 class="more-link" style="font-size: 15px;margin: 0px 0px 0px  -800px;float: left;width: 100px;">个人资料</h2>
                                <h2 class="more-link" style="font-size: 15px;margin: 0px 0px 0px  -700px;float: left;width: 100px;">账号安全</h2>
                                <h2 class="more-link" style="font-size: 15px;margin: 0px 0px 0px  -600px;float: left;width: 100px;">收货地址</h2>
                            </div>

                        </div>

                    </div>

                </div>

            </div>

            <div class="grzl6" style="float: left;width:949px;height: 533px;background-color: #FDFDFE;margin: 30px 0px 0px 15px ;border: 0.1px  #D7D7D7 solid;display: none;">
                <div id="grxx2" style="width: 500px;height: 100%;float: left;margin:0px 0px 0px 30px;">
                    <h1 style="text-align: center;float: left;font-size: 20px;margin-top: 40px;">我的积分</h1>

                    <h1 style="text-align: center;float: left;font-size: 20px;margin: 80px 0px 0px -80px;">0.00</h1>

                    <div style="width:890px;text-align: center;float: left;font-size: 20px;margin:0px 0px 0px 0px;background-color: #B9BBBE;">

                        <h3 style="float: left;width: 140px;font-size: 15px;">时间</h3>
                        <h3 style="float: left;width: 140px;font-size: 15px;">收/支	</h3>
                        <h3 style="float: left;width: 140px;font-size: 15px;">详细说明</h3>

                    </div>

                </div>
            </div>

        </div>

        <!-- footer -->
        <div >
            <div class="site-footer">
                <div class="container">
                    <div class="footer-service">
                        <ul class="list-service clearfix">
                            <li>
                                <a rel="nofollow" href="#" target="_blank">
                                    <em class="iconfont-tool"></em>官方正品
                                </a>
                            </li>
                            <li>
                                <a rel="nofollow" href="#" target="_blank">
                                    <em class="iconfont-circle-7"></em>7天无理由退货
                                </a>
                            </li>
                            <li>
                                <a rel="nofollow" href="#" target="_blank">
                                    <em class="iconfont-circle-15"></em>15天免费换货
                                </a>
                            </li>
                            <li>
                                <a rel="nofollow" href="#" target="_blank">
                                    <em class="iconfont-gift"></em>
                                    <span id="J_footerPrice">闪电配送</span>
                                </a>
                            </li>
                            <li>
                                <a rel="nofollow" href="#" target="_blank">
                                    <em class="iconfont-location"></em>售后无忧
                                </a>
                            </li>
                        </ul>
                    </div>
               <div class="footer-links clearfix">
                        <dl class="col-links col-links-first">
                            <dt>帮助中心</dt>
                            <dd>
                                <a href="https://www.machenike.com/help/21.html" title="联系我们" target="_blank">联系我们</a>
                            </dd>
                            <dd>
                                <a href="https://www.machenike.com/help/26.html" title="品牌介绍" target="_blank">品牌介绍</a>
                            </dd>
                            <dd>
                                <a href="https://www.machenike.com/help/27.html" title="营业执照" target="_blank">营业执照</a>
                            </dd>
                            <dd>
                                <a href="https://www.machenike.com/help/28.html" title="版权声明" target="_blank">版权声明</a>
                            </dd>
                        </dl>
                        <dl class="col-links ">
                            <dt>服务保证</dt>
                            <dd>
                                <a href="https://www.machenike.com/help/22.html" title="服务标准" target="_blank">服务标准</a>
                            </dd>
                            <dd>
                                <a href="https://www.machenike.com/help/23.html" title="售后保修" target="_blank">售后保修</a>
                            </dd>
                            <dd>
                                <a href="https://www.machenike.com/help/24.html" title="驱动下载" target="_blank">驱动下载</a>
                            </dd>
                            <dd>
                                <a href="https://www.machenike.com/help/25.html" title="线下体验店" target="_blank">线下体验店</a>
                            </dd>
                            <dd>
                                <a href="https://www.machenike.com/help/29.html" title="用户协议" target="_blank">用户协议</a>
                            </dd>
                            <dd>
                                <a href="https://www.machenike.com/help/30.html" title="隐私保护" target="_blank">隐私保护</a>
                            </dd>
                        </dl>
                        <dl class="col-links ">
                            <dt>会员中心</dt>
                            <dd>
                                <a href="https://www.machenike.com/help/14.html" title="我的订单" target="_blank">我的订单</a>
                            </dd>
                            <dd>
                                <a href="https://www.machenike.com/help/6.html" title="我的收藏" target="_blank">我的收藏</a>
                            </dd>
                            <dd>
                                <a href="https://www.machenike.com/help/5.html" title="资金管理" target="_blank">资金管理</a>
                            </dd>
                        </dl>
                        <dl class="col-links ">
                            <dt>配送与支付</dt>
                            <dd>
                                <a href="https://www.machenike.com/help/2.html" title="支付方式说明" target="_blank">支付方式说明</a>
                            </dd>
                            <dd>
                                <a href="https://www.machenike.com/help/8.html" title="配送支付" target="_blank">配送支付</a>
                            </dd>
                        </dl>
                        <dl class="col-links ">
                            <dt>新手上路</dt>
                            <dd>
                                <a href="https://www.machenike.com/help/18.html" title="购物流程" target="_blank">购物流程</a>
                            </dd>
                        </dl>
                        <dl class="col-links ">
                            <dt>特色服务</dt>
                            <dd>
                                <a rel="nofollow" href="#" target="_blank">F 码通道</a>
                            </dd>
                            <dd>
                                <a rel="nofollow" href="#" target="_blank">礼物码</a>
                            </dd>
                            <dd>
                                <a rel="nofollow" href="#" target="_blank">防伪查询</a>
                            </dd>
                        </dl>
                        <div class="col-contact">
                            <div class="col-links" style="width: 100px; float: left">
                                <p style=" font-size:14px; color:#424242; line-height:1.25; font-weight:normal; padding-bottom:26px;text-align: center;width: 79px">官方微博</p>
                                <a href="javascript:;"><img src="/template/web/mache/public/img/guanweibo.png" width="79px" alt=""></a>
                            </div>
                            <div class="col-links" style="width: 100px; float: left">
                                <p style=" font-size:14px; color:#424242; line-height:1.25; font-weight:normal; padding-bottom:26px;text-align: center;width: 79px">绑定设备</p>
                                <a href="javascript:;"><img src="/template/web/mache/public/img/gongzhonghao.png" width="79px" alt=""></a>
                            </div>
                            <div class="col-links" style="width: 100px; float: left">
                                <p style=" font-size:14px; color:#424242; line-height:1.25; font-weight:normal; padding-bottom:26px;text-align: center;width: 79px">微信订阅号</p>
                                <a href="javascript:;"><img src="/template/web/mache/public/img/dingyue.jpg" width="79px" alt=""></a>
                            </div>
                            <div class="col-links" style="width: 100px; float: left">
                                <p style=" font-size:14px; color:#424242; line-height:1.25; font-weight:normal; padding-bottom:26px;text-align: center;width: 79px">机械师抖音</p>
                                <a href="javascript:;"><img src="/template/web/mache/public/img/douying1.png" width="79px" alt=""></a>
                            </div>
                        </div>
                    </div>
                </div>


            </div>


            <div class="site-info">
                <div class="container">
                    <div class="logo ir">小米官网</div>
                    <div class="info-text">
                        <span>友情链接 : </span>
                        <div class="links-wrap" style="width: 900px;">
                            <a href="https://gamepp.com" title="游戏加加" target="_blank_">游戏加加</a>
                            <a href="http://www.jixunjsq.com" title="极迅加速器" target="_blank_">极迅加速器</a>
                            <a href="https://www.shenyou.cn/" title="神游网" target="_blank_">神游网</a>
                            <a href="https://www.zywjw.com/" title="专业玩家" target="_blank_">专业玩家</a>
                            <a href="http://www.xitong520.com" title="win10系统" target="_blank_">win10系统</a>
                        </div>
                        <p class="sites">
                            <a rel="nofollow" href="#" target="_blank">北京互联网法院法律服务工作站</a>
                            <span class="sep">|</span>
                            <a rel="nofollow" href="#" target="_blank">中国消费者协会</a>
                            <span class="sep">|</span>
                            <a rel="nofollow" href="#" target="_blank">北京市消费者协会</a>
                        </p>
                        <p>
                        <p id="copyright_desc"></p>
                        <p>
                            <a id="copyright_companyname" href="javascript:;" target="_blank"></a>
                            <span id="copyright_meta"></span>
                        </p>
                        <p id="web_gov_record_wap">
                            <a href="javascript:;" target="_blank">
                                <img src="/public/static/images/gov_record.png" alt="公安备案">
                                <span></span>
                            </a>
                        </p>
                        </p>
                    </div>
                    <div class="info-links">
                        <a rel="nofollow" href="#" target="_blank">
                            <img rel="nofollow" src="/img/home/truste.png" alt="TRUSTe Privacy Certification"></a>
                        <a rel="nofollow" href="#" target="_blank">
                            <img rel="nofollow" src="/img/home/v-logo-2.png" alt="诚信网站"></a>
                        <a id="_xinchacharenzheng_cert_vip_kexinweb" rel="nofollow" href="#" target="_blank">
                            <img rel="nofollow" src="/img/home/icon3.png" alt="可信网站"></a>
                        <a rel="nofollow" href="#" target="_blank">
                            <img rel="nofollow" src="/img/home/jingying.png" alt="诚信经营 放心消费"></a>
                        <a rel="nofollow" href="#" class="safe-auth J_safeAuth">
                            <img rel="nofollow" src="/img/home/yifuwu.png" class="img1">
                            <img rel="nofollow" src="/img/home/wangzhananquan.png" class="img2">
                        </a>
                    </div>
                </div>
                <div class="slogan ir"></div>
            </div>
        </div>
    </div>
</div>

<script>





    //声明省
    var pres = [ "请选择省", "北京市", "湖北省", "上海市", "重庆市", "江苏省", "浙江省", "安徽省", "天津市", "江西省", "河南省", "山东省", "河北省", "山西省", "黑龙江省", " 林省", "辽宁省", "内蒙古自治区", "广东省", "广西壮族自治区", "海南省", "福建省", "湖南省", "四川省", "贵州省", " 云南省", "西藏自治区", "陕西省", "甘肃省", "青海省", "宁夏回族自治区", "新疆维吾尔自治区", "香港特别行政区", "澳门特别行政区","台湾省"]; //直接声明Array

    var cities = [
        ["东城区", "西城区", "崇文区",
            "宣武区",
            "朝阳区",
            "丰台区",
            "石景山区",
            "海淀区",
            "门头沟区",
            "房山区",
            "通州区",
            "顺义区",
            "昌平区",
            "大兴区",
            "平谷区",
            "怀柔区",
            "密云县",
            "延庆县"
        ],[
            "和平区",
            "河东区",
            "河西区",
            "南开区",
            "河北区",
            "红桥区",
            "塘沽区",
            "汉沽区",
            "大港区",
            "东丽区",
            "西青区",
            "津南区",
            "北辰区",
            "武清区",
            "宝坻区",
            "宁河县",
            "静海县",
            "蓟  县"
        ]
    ];
    var areas = [
        [
            ["东城1", "东城2", "东城3"],
            ["昌平1", "昌平2", "昌平3"],
            ["海淀1", "海淀2", "海淀3"]
        ],
        [
            ["浦东1", "浦东2", "浦东3"],
            ["高区1", "高区2", "高区3"]
        ],
        [
            ["济南1", "济南2"],
            ["青岛1", "青岛2"]
        ]
    ]
    //设置一个省的公共下标
    var pIndex = -1;
    var preEle = document.getElementById("pre");
    var cityEle = document.getElementById("city");
    var areaEle = document.getElementById("area");
    //先设置省的值
    for (var i = 0; i < pres.length; i++) {
        //声明option.<option value="pres[i]">Pres[i]</option>
        var op = new Option(pres[i], i);
        //添加
        preEle.options.add(op);
    }
    function chg(obj) {
        if (obj.value == -1) {
            cityEle.options.length = 0;
            areaEle.options.length = 0;
        }
        //获取值
        var val = obj.value;
        pIndex = obj.value;
        //获取ctiry
        var cs = cities[val];
        //获取默认区
        var as = areas[val][0];
        //先清空市
        cityEle.options.length = 0;
        areaEle.options.length = 0;
        for (var i = 0; i < cs.length; i++) {
            var op = new Option(cs[i], i);
            cityEle.options.add(op);
        }
        for (var i = 0; i < as.length; i++) {
            var op = new Option(as[i], i);
            areaEle.options.add(op);
        }
    }
    function chg2(obj) {
        var val = obj.selectedIndex;
        var as = areas[pIndex][val];
        areaEle.options.length = 0;
        for (var i = 0; i < as.length; i++) {
            var op = new Option(as[i], i);
            areaEle.options.add(op);
        }
    }




</script>
<script>





    $(function() {
        $('#xgmma').click(function() {
      var m=  $("#mima").val();
            var idm=  $("#yhid").val();
            var m1=  $("#qrmm").val();
            var stu = {"password":m1,"id":idm};
        if(m==m1) {
alert(stu)
            $.ajax({
                type : 'POST',
                url : '/fen8',
                type:'post',
                method:"post",
                contentType:'application/json',
               data : JSON.stringify(stu),

                success:function (data) {
                    window.location.href = "http://localhost:9090/fen3";
                }
                    })
        }else{
            alert("失败")
        }
        });


        // $('#upload').click(function() {
        //     var formData = new FormData($('#uploadForm')[0]);
        //     alert(formData);
        //     console.log(formData);
        //     $.ajax({
        //         type : 'POST',
        //         url : 'http://localhost:9090/upload',
        //         data : formData,
        //         cache : false,
        //         processData : false,
        //         contentType : false,
        //     }).success(function(data) {
        //         alert(data)
        //         var result = JSON.parse(data);
        //         console.log();
        //         alert(result.back);
        //     }).error(function() {
        //         alert("上传失败");
        //
        //     });
        // });
    });
</script>



    <script>
        $(function() {
            // $('#dosave1').click(function() {
            //     var yhid=  $("#yhid").val();
            //     var shrxm=  $("#shrxm").val();
            //     var sen=  $("#sen").val();
            //     var shi=  $("#shi").val();
            //     var qu=  $("#qu").val();
            //     var xxdz=  $("#xxdz").val();
            //     var sjh=  $("#sjh").val();
            //     var gddh=  $("#gddh").val();
            //     alert(yhid+"--"+shrxm+""+sen+""+shi+""+qu+""+xxdz)
            //     var stu = {"password":m1,"id":idm};
            //
            //         alert(stu)
            //         $.ajax({
            //             type : 'POST',
            //             url : '/fen8',
            //             type:'post',
            //             method:"post",
            //             contentType:'application/json',
            //             data : JSON.stringify(stu),
            //
            //             success:function (data) {
            //
            //             }
            //         })
            //
            // });


        });
    </script>


<script>
    function hy() {
        $(".hyym").show();
        $(".grzl").hide();
        $(".grzl1").hide();
        $(".grzl2").hide();
        $(".grzl3").hide();
        $(".grzl4").hide();
        $(".grzl5").hide();
        $(".grzl6").hide();
        $(".grzl7").hide();
        $(".grzl8").hide();
    }

    function gr() {
        $(".hyym").hide();
        $(".grzl").show();
        $(".grzl1").hide();
        $(".grzl2").hide();
        $(".grzl3").hide();
        $(".grzl4").hide();
        $(".grzl5").hide();
        $(".grzl6").hide();
        $(".grzl7").hide();
        $(".grzl8").hide();

    }

    function dz() {
        $(".hyym").hide();
        $(".grzl").hide();
        $(".grzl1").show();
        $(".grzl2").hide();
        $(".grzl3").hide();
        $(".grzl4").hide();
        $(".grzl5").hide();
        $(".grzl6").hide();
        $(".grzl7").hide();
        $(".grzl8").hide();
    }

    function dz1() {
        $(".hyym").hide();
        $(".grzl").hide();
        $(".grzl1").hide();
        $(".grzl2").show();
        $(".grzl3").hide();
        $(".grzl4").hide();
        $(".grzl5").hide();
        $(".grzl6").hide();
        $(".grzl7").hide();
        $(".grzl8").hide();
    }

    function dz2() {
        $(".hyym").hide();
        $(".grzl").hide();
        $(".grzl1").hide();
        $(".grzl2").hide();
        $(".grzl3").show();
        $(".grzl4").hide();
        $(".grzl5").hide();
        $(".grzl6").hide();
        $(".grzl7").hide();
        $(".grzl8").hide();
    }

    function dz3() {
        $(".hyym").hide();
        $(".grzl").hide();
        $(".grzl1").hide();
        $(".grzl2").hide();
        $(".grzl3").hide();
        $(".grzl4").show();
        $(".grzl5").hide();
        $(".grzl6").hide();
        $(".grzl7").hide();
        $(".grzl8").hide();
    }

    function dz4() {
        $(".hyym").hide();
        $(".grzl").hide();
        $(".grzl1").hide();
        $(".grzl2").hide();
        $(".grzl3").hide();
        $(".grzl4").hide();
        $(".grzl5").show();
        $(".grzl6").hide();
        $(".grzl7").hide();
        $(".grzl8").hide();
    }

    function dz5() {
        $(".hyym").hide();
        $(".grzl").hide();
        $(".grzl1").hide();
        $(".grzl2").hide();
        $(".grzl3").hide();
        $(".grzl4").hide();
        $(".grzl5").hide();
        $(".grzl6").show();
        $(".grzl7").hide();
        $(".grzl8").hide();
    }

    function dz6() {
        $(".hyym").hide();
        $(".grzl").hide();
        $(".grzl1").hide();
        $(".grzl2").hide();
        $(".grzl3").hide();
        $(".grzl4").hide();
        $(".grzl5").hide();
        $(".grzl6").hide();
        $(".grzl7").show();
        $(".grzl8").hide();
    }

    function dzs6() {
alert(1)
        $("#grxxs1").show();
        			        $("#bg").hide();
        $("#bg1").hide();
    }

    function dzs61() {
        $("#bg").show();
        $("#bg1").show();
        var yhid=  $("#yhid").val();
        var shrxm=  $("#shrxm").val();
        var sen=  $("#sen").val();
        var shi=  $("#shi").val();
        var qu=  $("#qu").val();
        var xxdz=  $("#xxdz").val();
        var sjh=  $("#sjh").val();
        var gddh=  $("#gddh").val();
        alert(yhid+"--"+shrxm+""+sen+""+shi+""+qu+""+xxdz)
        $("#grxxs1").hide();
        var stu = {"id":null,"userid":yhid, "receivername":shrxm, "receiverphone":sen, "receivermobile":shi, "receiverprovince":qu, "receivercity":xxdz, "receiverdistrict":sjh, " receiveraddress":gddh};
        $.ajax({
            type : 'POST',
            url : 'http://localhost:9090/fen11',
            method:"post",
            contentType:'application/json',
            data : JSON.stringify(stu),
            success:function (obj) {
                for (var i = 0; i < obj.data.length; i++) {
                    var bj = ("<tr>" + "<td>" + obj.data[i].receivername + "</td>" +
                        "<td>" + obj.data[i].receiverphone + "</td>" +
                        "<td>" + obj.data[i].receivermobile + "</td>" +
                        "<td>" + obj.data[i].receiverprovince + obj.data[i].receivercity + obj.data[i].receiverdistrict + "</td>" +
                        "<td>" + obj.data[i].receiveraddress + "</td>" +
                        "<td>" + "<a href='http://localhost:9090/fen12?uid="+obj.data[i].userid+"&dzid="+obj.data[i].id+"'>删除</a>"+ "</td>" +

                        "</tr>");

                    $("#bg").append(bj);
                }
            }
        })
        //			        $(".grzl8").hide();
    }

    function dosave() {
        $("#ann").css({ "border-left": "1px  #D7D7D7 solid", "border-top": "0.1px  #D7D7D7 solid", "border-right": " 0.1px  #D7D7D7 solid", "border-bottom": " 0px  #D7D7D7 solid", "color": "#DD3E21" });
        $("#ann1").css({ "border-left": "0px  #D7D7D7 solid", "border-top": "0px  #D7D7D7 solid", "border-right": " 0px  #D7D7D7 solid", "border-bottom": " 1px  #D7D7D7 solid", "color": "#000000" });
        $("#grxx").show();
        $("#grxx1").hide();

    }

    function dosave1() {
        $("#ann").css({ "border-left": "0px  #D7D7D7 solid", "border-top": "0px  #D7D7D7 solid", "border-right": " 0px  #D7D7D7 solid", "border-bottom": " 1px  #D7D7D7 solid", "color": "#000000" });
        $("#ann1").css({ "border-left": "1px  #D7D7D7 solid", "border-top": "0.1px  #D7D7D7 solid", "border-right": " 0.1px  #D7D7D7 solid", "border-bottom": " 0px  #D7D7D7 solid", "color": "#DD3E21" });
        $("#grxx1").show();
        $("#grxx").hide();
    }
</script>


    <script th:src="@{/js/sjlds3.js}"></script>

</body>

</html>